<!DOCTYPE html>
<html lang="en" style="font-size: 0.133333vw;">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小黑电影-电影</title>
    <link rel="stylesheet" href="./CSS/ALL.css">
    <link rel="stylesheet" href="./CSS/mine.css">
</head>

<body>
    <div class="container">
        <!-- 头部开始 -->
        <header>
            <div class="scan">
                <a href="#"><img src="./IMG/images/icon/scan_icon.png"></a>
            </div>

            <div class="title">个人中心</div>

            <div class="setting">
                <a href="#"><img class="evaluate" src="./IMG/images/icon/evaluate_2_icon.png" alt="图片丢失"></a>
                <a href="#"><img class="more" src="./IMG/images/icon/more_icon.png"></a>
            </div>
        </header>

        <!-- 头部结束 -->


        <!-- my-info开始 -->
        <div class="my-info">
            <div class="my-info-head">
                <div class="sculpture">
                    <a href="#">
                        <img src="./IMG/images/source/xiaoyang.jpg">
                    </a>
                </div>

                <div class="info">
                    <a href="#">
                        <p class="name">小羊</p>
                    </a>
                    <p class="label">
                        <a href="#">
                            <span>黄金会员</span>
                        </a>
                        <a href="#">
                            <span>积分245</span>
                        </a>
                    </p>
                </div>
            </div>
            <div class="my-info-content">
                <div>
                    <a href="#">
                        <p>200</p>
                        <p>已看</p>
                    </a>

                </div>
                <div>
                    <a href="#">
                        <p>200</p>
                        <p>想看</p>
                    </a>

                </div>
                <div>
                    <a href="#">
                        <p>200</p>
                        <p>讨论</p>
                    </a>

                </div>
                <div>
                    <a href="#">
                        <p>200</p>
                        <p>记录</p>
                    </a>

                </div>
            </div>
        </div>
        <!-- my-info结束 -->


        <!-- vip开始 -->
        <div class="vip">
            <div class="info">
                <p class="title">会员中心</p>
                <p>开通影视卡会员专属8折优惠</p>
            </div>
            <div class="active">立即开通</div>
        </div>
        <!-- vip结束 -->



        <!-- my-order开始 -->
        <div class="my-order">
            <a href="#">
                <div class="title">
                    <span>我的订单</span>
                </div>
            </a>

            <div class="content">
                <div class="info">
                    <div>
                        <a href="#">
                            <p class="img"><img src="./IMG/images/icon/wallet_icon.png"></p>
                            <p class="title">我的钱包</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <p class="img"><img src="./IMG/images/icon/pay_icon.png"></p>
                            <p class="title">待付款</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <p class="img"><img src="./IMG/images/icon/evaluate_icon.png"></p>
                            <p class="title">待评价</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <p class="img"><img src="./IMG/images/icon/speed_icon.png"></p>
                            <p class="title">退款</p>
                        </a>
                    </div>
                </div>

                <div class="info">
                    <div>
                        <a href="#">
                            <p class="img"><img src="./IMG/images/icon/movie_a_icon.png"></p>
                            <p class="title">我的钱包</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <p class="img"><img src="./IMG/images/icon/music_icon.png"></p>
                            <p class="title">待付款</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <p class="img"><img src="./IMG/images/icon/coupon_icon.png"></p>
                            <p class="title">待评价</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <p class="img"><img src="./IMG/images/icon/score_icon.png"></p>
                            <p class="title">退款</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- my-order结束 -->


        <div class="card">
            <a href="#">
                <div>

                    <span>我的收藏</span>

                </div>
            </a>
            <a href="#">
                <div>

                    <span>我的银行卡</span>

                </div>
            </a>
            <a href="#">
                <div>

                    <span>我的小剧场</span>

                </div>
            </a>
        </div>

        <!-- footer开始 -->
        <footer>
            <a href="index.html">
                <img src="./IMG/images/icon/home_n_icon.png">
                <p>首页</p>
            </a>
            <a href="movie.html">
                <img src="./IMG/images/icon/movie_n_icon.png">
                <p>电影</p>
            </a>
            <a href="cinema.html">
                <img src="./IMG/images/icon/cinema_n_icon.png">
                <p>电影院</p>
            </a>
            <a href="find.html">
                <img src="./IMG/images/icon/find_n_icon.png">
                <p>发现</p>
            </a>
            <a href="mine.html">
                <img src="./IMG/images/icon/mine_a_icon.png">
                <p class="red">我的</p>
            </a>
        </footer>
        <!-- footer结束 -->

    </div>
</body>

</html>